<template>
  <div id="echartContainer8">
    <div class="imgContainer" v-for="(item,index) in companyLogo">
      <img :src="item" alt="" class="" ref="img">
      <div class="clear"></div>
    </div>
  </div>
</template>

<script>

  export default {
    name: '',
    props: {
      companyLogo: {
        default: function () {
          return []
        }
      }
    },
    data() {
      return {
        swiperOption: {
          slidesPerView: 'auto',
          centeredSlides: true,
          spaceBetween: 10,
          loop: true,
          speed: 600, //config参数同swiper4,与官网一致
          autoplay: {
            disableOnInteraction: false, //手动滑动之后不打断播放
            delay: 2000
          },
        }

      }
    },
    watch: {}

  }

</script>

<style scoped lang="scss">
  @-webkit-keyframes fadeInOut {
    0% {
      opacity: 1;
    }
    25% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    75% {
      opacity: 1;
    }
  }

  #echartContainer8 {
    width: 100%;
    height: 100px;
    display: block;

    .clear {
      clear: both;
    }

    .imgContainer {
      display: inline-block;
      float: left;
      width: 50px;
      height: 50px;

      img {
        width: 100%;
        height: 100%;

      }
    }
  }
</style>
